<template>
    <view class="sc-title" :style="{ color: color, fontSize: fontSize, fontWeight: fontWeight }"><slot></slot> </view>
</template>

<script>
export default {
    props: {
        color: {
            type: String,
            default: "#415a6b",
        },
        fontSize: {
            type: String,
            default: "30rpx",
        },
        fontWeight: {
            type: Number || String,
            default: 500,
        },
    },
    data() {
        return {};
    },
};
</script>
<style lang="scss" scoped>
.sc-title {
    font-family: Source Han Sans;
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding-left: 6rpx;
    &::after {
        position: absolute;
        z-index: -1;
        content: "";
        left: 0;
        bottom: -6rpx;
        width: 115%;
        height: 22rpx;
        background: linear-gradient(136deg, #6db6ff 0%, #349aff 100%);
        border-radius: 16rpx;
    }
}
</style>
